<!DOCTYPE html>
<html class="ui-mobile">
<head>
	<base href="<?= $this->Html->url('/') ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Ebenezer 89.1 FM</title>
		<?php 
			echo $this->Html->css(array(
				'mobile/jquery.mobile-1.3.2',
				//'jquery.mobile.theme-1.3.2.min',
				'mobile/jqm-demos',
				//'jquery.mobile.structure-1.3.2.min',
				'mobile/ebenezer.min',
				'mobile/estilos',
				'mediaplayer/mediaelementplayer.min'
			));
			echo $this->Html->script(array(
				'mobile/jquery-1.9.0.min',
				//'mobile/index',
				'mobile/jquery.mobile-1.3.2.min',
				'mediaplayer/mediaelement-and-player.min'
			));
		?>
</head>
<body>
	<div data-role="page" id="demo-page" data-theme="d" tabindex="0" class="ui-page ui-body-d ui-page-panel ui-page-active" style="min-height: 406px;">
		<div data-role="header" data-theme="c" class="ui-header ui-bar-c" role="banner">
			<?php echo $this->element('mheader'); ?>
		</div>
		<div data-role="content" class='ui-content' role='main'>
			<?php echo $this->fetch('content'); ?>
		</div>
		<div data-role="content" class='ui-content' role='footer'>
			<?= $this->element('footer') ?>
		</div>
		<div data-role="panel" id="left-panel" data-theme="c" class="ui-panel ui-panel-position-left ui-panel-display-reveal ui-panel-closed ui-body-c ui-panel-animate">
			<?= $this->element('mpanel-left') ?>
		</div>
		
		<div class="ui-panel-dismiss" data-panelid="left-panel"></div>
		<div class="ui-panel-dismiss" data-panelid="right-panel"></div>
	</div>
	<div class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon ui-icon-loading"></span><h1>loading</h1></div>
</body>
</html>
